// .home {
//     .block {
//         box-sizing      : border-box;
//         background-color: #fff;
//         padding         : 20px;
//         margin-bottom   : 20px;
//         border-radius   : 8px;
//         box-shadow      : 0 2px 4px #cecece;

//         .row {
//             display        : flex;
//             justify-content: space-between;
//             align-items    : center;
//             border-bottom  : 1px solid #ccc;

//             h2 {
//                 padding: 0;
//                 margin : 0;
//             }
//         }

//         .list {
//             margin-top: 20px;

//             &>li {
//                 display        : flex;
//                 justify-content: space-between;
//                 align-items    : center;
//                 height         : 40px;

//                 .msg_title {
//                     display    : flex;
//                     align-items: center;

//                     .read {
//                         display         : inline-block;
//                         height          : 10px;
//                         width           : 10px;
//                         margin-right    : 10px;
//                         border-radius   : 50%;
//                         background-color: #ccc;
//                     }

//                     .unread {
//                         background-color: #E6A23C;
//                     }
//                 }

//             }
//         }
//     }

//     .work>.list>li:hover,.message>.list>li:hover {
//         cursor: pointer;
//         color : #66B1FF;

//     }
// }